<template>
	<view >
	
			<uni-card class="denglu">
				<view class="image-container">
					
					<image class="img1" src="../../static/moren.png" ></image>
					<image class="img2" src="../../static/quit.png"></image>




				</view>
				
				<view class="dianji">
					<text class="dianji-text">点击登录</text>
				</view>
				<view class="huanying">
					<text class="huanying-text">欢迎来到袁隆平杂交水稻科学园</text>
				</view>
			</uni-card>
			<uni-card class="yuyue">
					<view class="yuyuejl">
						<text class="yuyue-left">预约记录</text>
						<image class="yuyue-right" src="../../static/next.png" @click="goToAbout"></image>
						
					</view>
					<view class="bigimg">
						<image class="bigimg-img" src="../../static/img.png" ></image>
					</view>
					<view class="wuyuyuejl">
						<text class="wuyuyuejl-text">暂无预约记录</text>
					</view>
			</uni-card>
			<view class="bottomimg">
				<image class="bottomimg1" src="../../static/bottomimg1.png" ></image>&nbsp;&nbsp;
				<text class="bottomtext">x</text>&nbsp;&nbsp;
				<image class="bottomimg2" src="../../static/bottomimg2.png" ></image>
			</view>
			<view class="jishu">
				<text class="jishu1">技术支持：电子科技大学</text>
			</view>
	</view>
</template>

<script >
	export default {
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui'
			}
		},
		methods: {
			goToAbout() {
			  this.$router.push('/pages/gerenruyuan/gerenruyuan');
			  }

		}
	}


</script>

<style scoped>
	.jishu1{
		width: 110px;
		height: 14px;
		opacity: 0.7;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 10px;
		color: #393939;
		letter-spacing: 0;
	}
	.jishu{
		display: flex;
		justify-content: center;
	}
	.bottomtext{
		width: 7px;
		height: 14px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 10px;
		color: #393939;
		letter-spacing: 0;
	}
	.bottomimg1{
		width: 22px;
		height: 22px;
	}
	.bottomimg2{
		width: 22px;
		height: 22px;
	}
	.bottomimg{
		display:flex;
		justify-content: center;
	}
	.wuyuyuejl-text{
		opacity: 0.7;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 10px;
		color: #393939;
		letter-spacing: 0;
		margin-top: 10px;
	}
	.wuyuyuejl{
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.bigimg-img{
		width: 141px;
		height: 130px;
		margin-top: 80px;
		border: 2px dashed #ccc;
	}
	.bigimg{
		display: flex;
		justify-content: center;
		
	}
	.yuyuejl{
		
		display: flex;
		justify-content: space-between; 
		align-items: center;
	}
	.yuyue-left{
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #323232;
		letter-spacing: 0;
		/* text-align: left; */
	}
	.yuyue-right{
		/* align-self: flex-end; */
		width: 16px;
		height: 16px;
		margin-right: 10px;
		margin-top: 5px;
	}
	
	.yuyue{
		width: 351px;
		/* width: 100%; */
		height: 396px;
		background: #FFFFFF;
		border-radius: 12px;
	}
	.image-container {
		display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.img1{
		width: 50px;
		height: 50px;
		margin-top: 10px;
		position: relative;
		left: 10px;
	}
	.img2{
		 
		width: 18px;
		height: 18px;
		position: relative;
		left: 140px;
		bottom:10px;
	}
	.dianji{
		margin-top: 10px;
		text-align: center;
	}
	.dianji-text{
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
	}
	.denglu{
		width: 351px;
		/* width: 100%; */
		height: 148px;
		border-radius: 12px;
	}
	.huanying{
		margin-top: 5px;
		text-align: center;
	}
	.huanying-text{
		opacity: 0.75;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #323232;
		letter-spacing: 0;
	}
</style>